如何在 SwiftUI 中使用计时器？ SwiftUI Example

#如何在 SwiftUI 中使用计时器？ SwiftUI Example| 来源: 网络整理| 查看: 265

如何在 SwiftUI 中使用计时器？

如果要定期运行某些代码（例如制作倒数计时器或类似的计时器），则应使用 Timer 和 onReceive() 修饰符。

例如，此代码创建一个计时器发布程序，该计时器每秒触发一次，并使用当前时间更新标签：

struct ContentView: View { @State var currentDate = Date() let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect() var body: some View { Text("\(currentDate)") .onReceive(timer) { input in currentDate = input } } }

将 .main 用作 runloop 选项非常重要，因为我们的计时器会更新用户界面。至于 .common 模式，它允许计时器与其他常见事件一起运行-例如，如果文本在滚动的滚动视图中。

如您所见，onReceive() 闭包在包含当前日期的某些输入中传递。在上面的代码中，我们直接将其分配给 currentDate，但是您可以使用它来计算自上一个日期以来经过了多少时间。

如果您特别想创建一个倒数计时器或秒表，则应创建某种状态来跟踪剩余时间，然后在计时器启动时从中减去。

例如，我们可以创建一个倒数计时器，以显示标签中剩余的时间，如下所示：

struct ContentView: View { @State var timeRemaining = 10 let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect() var body: some View { Text("\(timeRemaining)") .onReceive(timer) { _ in if timeRemaining > 0 { timeRemaining -= 1 } } .padding(100) .frame(width: 300) } } 如何创建自定义绑定？当使用 `onChange()` 改变状态时如何运行一些代码？ Edit this page on GitHub 2021/10/17

【本文地址】

公司简介

联系我们